import React from 'react'
import PropTypes from 'prop-types'
import './banner.less'

const Banner = props => {
  console.log()
  return (
    <section
      className="banner"
      style={{
        backgroundImage: `url(${props.image})`,
        height: `${props.height}px`
      }}
    >
      {props.children}
    </section>
  )
}

export default Banner

Banner.propTypes = {
  children: PropTypes.element,
  image: PropTypes.string,
  height: PropTypes.string
}
Banner.defaultProps = {
  height: '300'
}
